
.dx-popup-wrapper .itemBoxDispaly-kjfl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px !important;
  float: left;
}


.search-tool-container{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 100;
}

.search-tool-container-place{
  height:38px;
  width:100%
}

.dx-overlay-wrapper{

  .itemBoxGroup{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

}

.conditionalQueryBox {
    height: 100%;
    position: relative;

  .dx-toolbar .dx-toolbar-after {
    padding-left: 0px;
  }



  .itemBoxDispaly-kjfl {
    display: flex;
    align-items: center;
    justify-content: center;
  }

    .PaperDevSortableGrid {
        .dx-datagrid {
            .dx-datagrid-header-panel {
                //height: 90px;

                .dx-datagrid-headers {
                    .dx-datagrid-table {
                        .dx-header-row {
                            .dx-datagrid-action {
                                .dx-column-indicators {
                                    float: right !important;
                                }
                            }
                        }
                    }
                }

                .dx-toolbar {
                //    .dx-toolbar-items-container {
                //        height: 80px;
                //
                //        .dx-toolbar-before {
                //            width: 100% !important;
                //            display: flex;
                //            justify-content: flex-start;
                //            align-content: flex-start;
                //            flex-direction: row;
                //            flex-wrap: wrap;
                //
                //            .dx-toolbar-item {
                //                width: 100% !important;
                //
                //                .dx-item-content {
                //                    width: 100% !important;
                //                }
                //            }
                //
                //            .columnChooser_Style {
                //                .dx-datagrid-column-chooser-button {
                //                    .dx-button-content {
                //                        padding: 6px !important;
                //                    }
                //                }
                //
                //            }
                //

                //        }
                //
                //        .dx-toolbar-after {
                //            width: 260px;
                //            height: 80px;
                //            display: flex;
                //            flex-wrap: wrap;
                //            justify-content: flex-end;
                //            align-content: flex-start;
                //            flex-direction: row;
                //            flex-wrap: wrap;
                //
                //            .xspCcheckBox {
                //                height: 32px;
                //                margin: 8px 0;
                //            }
                //        }
                //    }
                }
            }

            .dx-datagrid-total-footer {
                .dx-datagrid-summary-item {
                    color: #333;
                }
            }
        }
    }
}


.contentSearchBox {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #8a8a8a;
  z-index: 99;
  //margin-top: 10px;
  padding: 0 8px;
  border-radius: 5px;
}


.conditionalQueryBox130 {
    .PaperDevSortableGrid {
        .dx-datagrid {
            .dx-datagrid-header-panel {
                height: 88px;

                //.dx-toolbar {
                //    .dx-toolbar-items-container {
                //        height: 130px;
                //
                //        .dx-toolbar-before {
                //            position: relative;
                //
                //            .dx-toolbar-item {
                //                .dx-toolbar-item-content {

                //                }
                //            }
                //        }
                //    }
                //}
            }
        }
    }
}
